<template>
  <div class='home'>
    <div v-if="data" class="home_main">
      <!-- this is {{ data.appName }} -->
       <h1>欢迎使用LIVE辅助菜单</h1>
       <p>本软件由Live自主开发</p>
       <p>旨在方便大家快速地安装、更新与卸载本人的辅助mod</p>
       <p>同时也作为一个学习electron的练手项目</p>
       <p>但最重要的事情->恰饭！</p>
       <p>持久的更新需要时间、精力和Money</p>
       <p>So,赏口饭吃吧，客官~</p>
       <img src="@renderer/assets/微信收款码.png" alt="">
       <img src="@renderer/assets/支付宝收款码.jpg" alt="">
    </div>
    <div v-else class="loading">
      Loading...
    </div>
  </div>
</template>

<script setup lang='ts'>

defineProps<{
  data: any
}>()

</script>
<style scoped lang='scss'>
  .home {
    position: relative;
    width: calc(100vw - 80px);
    height: 100vh;
    float: right;
    background-color: rgba($color: white, $alpha: 0.8);
    overflow-x: hidden;

    .home_main{
      color: #db6cf4;
      text-align: center;
      p{
        font-size: large;
      }
      img{
        width: 220px;
        height: 280px;
      }
    }

  }
</style>
